@use "../base" as *;

/// 戴帽子的装饰器
@mixin ribbon($ribbon-color: black, $dimensin-left: 1em, $dimensin-right: 1em) {
  position: relative;
  @include pseudo-ba;
  &::before {
    border-top: $dimensin-left solid $ribbon-color;
    left: 0;
    bottom: -$dimensin-left;
    border-left: $dimensin-left solid transparent;
  }
  &::after {
    border-top: $dimensin-right solid $ribbon-color;
    bottom: -$dimensin-right;
    right: 0;
    border-right: $dimensin-right solid transparent;
  }
}
